﻿@{
    ViewBag.Title = "Dropdown";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<p>Here is dropdown lists styled</p>

<div class="row">
    <div class="span12">
        <ul class="nav nav-pills">
            <li class="dropdown">
            <a class="dropdown-toggle accent-color" data-toggle="dropdown" href="#">
                All projects
                <b class="caret" href="#"></b>
            </a>
            <ul id="projects-filter" class="dropdown-menu">
                <li><a href="#">All projects</a></li>
                <li><a href="#">ACME</a></li>
                <li><a href="#">Surface</a></li>
                <li><a href="#">OSX</a></li>
                <li><a href="#">WinRT</a></li>
            </ul>
            </li>
            <li class="dropdown">
            <a class="dropdown-toggle accent-color" data-toggle="dropdown" href="#">
                All budgets
                <b class="caret" href="#"></b>
            </a>
            <ul id="budget-filter" class="dropdown-menu">
                <li><a href="#">All budgets</a></li>
                <li><a href="#">Budget &lt; 1.000</a></li>
                <li><a href="#">Budget 1.000 - 10.000</a></li>
                <li><a href="#">Budget 10.000 - 45.000</a></li>
                <li><a href="#">Budget 45.000 - 100.000</a></li>
                <li><a href="#">Budget &gt; 100.000</a></li>
            </ul>
            </li>
            <li class="">
            <a>&nbsp;|&nbsp;</a><span>Sort by&nbsp;</span>
            </li>
            <li class="dropdown">
   
            <a class="dropdown-toggle accent-color" data-toggle="dropdown" href="#">
                Project name
                <b class="caret" href="#"></b>
            </a>
            <ul id="sort-filter" class="dropdown-menu">
                <li><a href="#">Project name</a></li>
                <li><a href="#">Budget Cost</a></li>
                <li><a href="#">Duration</a></li>
            </ul>
            </li>
        </ul>
    </div>
</div>